﻿@using KamLib.Web.Bootstrap
@using KamLib.Web.MVC

@{
    var bs = new BootstrapHelper(Html);
}


@bs.NavBar(n => n(topFixed: true).Item(
    "UI Bootstrap".Class("brand"),
    a => a(@"<b>Related Projects:</b>", "https://github.com/angular-ui/"),
    null,
    a => a(@"AngularUI", "http://angular-ui.github.io/").Disabled(),
    a => a(@"Grid", "http://angular-ui.github.io/ng-grid/"),
    a => a(@"AngularJS.tmbundle", "https://github.com/angular-ui/AngularJs.tmbundle"),
    a => a(@"Router".LabelSuccess("New!"), "http://angular-ui.github.io/router/"),
    a => a(@"Tips-n-Tricks".Label("WIP"), "http://angular-ui.github.io/Tips-n-Tricks/")
).Items(
    d => d(
        t => t("Directives".LabelSuccess("WOW")),
        m => m(
            a => a("Collapse", "#collapse"),
            a => a("Accordion", "#accordion"),
            a => a("Alert".LabelSuccess("NEW!"), "#alert").Class("pull-left").Menu(
                b => b("Progressbar", "#progressbar"),
                b => b("Rating", "#rating"),
                b => b("Tabs", "#tabs"),
                b => b("Typeahead", "#typeahead")
            ),
            a => a("Buttons", "#buttons"),
            a => a("Carousel", "#carousel"),
            a => a("Dialog", "#dialog"),
            a => a("Dropdown Toggle", "#dropdownToggle"),
            a => a("Modal", "#modal"),
            a => a("Pagination", "#pagination"),
            a => a("Tooltip", "#tooltip"),
            a => a("Popover", "#popover"),
            a => a("Progressbar", "#progressbar"),
            a => a("Rating", "#rating"),
            a => a("Tabs", "#tabs"),
            a => a("Typeahead", "#typeahead")
        )
    ),
    null,
    d => d(t => t("Getting started", "#getting_started"))
)).Tag("header")

<br />
<hr />
<br />
@bs.DropDownMenu(
    a => a("Collapse", "#collapse").Menu(
        m => m(
            b => b("Progressbar", "#progressbar"),
            b => b("Rating", "#rating"),
            b => b("Tabs", "#tabs"),
            b => b("Typeahead", "#typeahead")
        ).Style("background: #ffffaa")
    ),
    a => a("Accordion", "#accordion").Disabled(),
    a => a("Alert".LabelSuccess("NEW!"), "#alert"),
    a => a("Buttons", "#buttons"),
    a => a("Carousel", "#carousel"),
    null,
    a => a("Typeahead", "#typeahead")
).Style("display: block; position: static; margin-bottom: 5px; *width: 180px; margin-right: 40px")